<template>
	<div>
		<div class="titleClassne" style="margin-top: 0">基础信息</div>
		<div class="dataUls">
			<template v-for="item in Object.keys(itemData)">
				<li
					class="lis"
					:key="item"
					v-if="item !== '__typename' && item !== 'branchShareList'"
				>
					<div v-if="!!allProperty.find((items) => items.value == item)">
						{{ allProperty.find((items) => items.value == item).label }}
					</div>
					<div v-if="!!allProperty.find((items) => items.value == item)">
						{{ itemData[item] }}
					</div>
				</li>
			</template>
			<li
				class="lis"
				v-if="
					Object.keys(itemData).filter(
						(item) => !['__typename', 'branchShareList'].includes(item)
					).length %
						2 !==
					0
				"
			>
				<div></div>
				<div></div>
			</li>
		</div>
		<template v-if="!!itemData.branchShareList && itemData.branchShareList.length">
			<div class="titleClassne">下属基金</div>
			<li
				class="xiashujijin"
				v-for="(item, index) in itemData.branchShareList"
				:key="index"
				:style="index == 0 ? 'border-top:1px solid #DCDFE6;' : ''"
			>
				<div>基金代码（六位）</div>
				<div>
					{{ item.fundCode }}
				</div>
				<div>下属份额类别简称</div>
				<div>
					{{ item.fundGradName }}
				</div>
				<div>下属份额类别全称</div>
				<div>
					{{ item.fundGradFullName }}
				</div>
				<div>下属基金类型</div>
				<div>
					{{ item.subFundType }}
				</div>
			</li>
		</template>
	</div>
</template>
<script>
export default {
	name: 'ExportbaseInfo',
	props: {
		allProperty: {
			type: Array,
			default: Array
		},
		itemData: {
			type: Object,
			default: Object
		}
	}
}
</script>
<style lang="scss" scoped>
.xiashujijin {
	width: 100%;
	display: flex;
	border-left: 1px solid #dcdfe6;
	border-bottom: 1px solid #dcdfe6;
	div {
		width: 12.5%;
		border-right: 1px solid #dcdfe6;
		display: flex;
		align-items: center;
		padding: 10px 10px;
		text-align: left;
	}
}
</style>
